<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>铁永杰-反爬课基础-第四节练习</title>
    <style>

        /*label{*/
        /*    color: yellow !important;*/
        /*}*/
        #myId{
            font-size: 100px;
        }
        .myClass{
            font-weight: 800;
        }
        #myId p{
            color: green;
        }
        #myId:hover{
            color: aqua;
        }
        @font-face {
            font-family: yuanrenxue;
            src: url("./fonteditor.ttf");
        }
        #myFont:hover{
            font-family: yuanrenxue;
        }
    </style>

    <script>
        // 这里面就可以写js代码了
        let _set_number = 1
        setInterval((function(){document.getElementById("myFont").innerHTML = _set_number++}), 100)
    </script>
    <link rel="stylesheet" href="./test.css">


</head>


<body>



<div id="myFont" style="display: block">
    这个数字是隐藏的，鼠标悬停才可以看到哦：~~~  {3333}

</div>


<div id="myId">
    这是一个div标签
    <p>
        这是一个div标签内部的 P标签
    </p>
</div>
<div class="myClass">这是一个div标签 --- class1</div>
<div class="myClass">这是一个div标签 --- class2</div>

<label style="color: blue">籍贯：</label>
<select name="site">
<option value="0">北京<option>
<option value="1">上海<option>
<option value="2">广州<option>
<option value="3">深圳<option>
</select>


<!--11111-->
<input type="textarea">
<input type="file">
<p>
<label>爱好：</label>
<input type="checkbox" name="like" value="sing"> 唱歌
<input type="checkbox" name="like" value="run"> 跑步
<input type="checkbox" name="like" value="swiming"> 游泳
</p>




<ol>
    <li>11111</li>
    <li>2222</li>
    <li>3333</li>
    <li>4444</li>

</ol>

<form action="">
    <label>密码</label>
    <input type="password">
    <label>性别：</label>
<input type="radio" name="gender" value="0"> 男
<input type="radio" name="gender" value="1"> 女
</form>



html 浏览器是具有自动修正功能的
<!--<div>-->
<!--    1111-->

标签缺失反爬,它的整体网页功能 是不受影响的。但是 对于爬虫来讲，数据解析，css选择，xpath
【混乱】
    开发者 开发的时候就 缺失了某个标签没有被注意到
    它是设计出来的，专门针对于爬虫解析的。
    不建议使用的


<a href="http://www.yuanrenxue.cn" target="_blank" title="这是一个悬停提示框">这是一个连接到猿人学官网的a标签</a>



<p>HTML是 HyperText Mark‐up Language 的首字母简写，意思是超文本标记语言，超
文本指的是超链接，标 &lt; &gt;记指的是标签，是一种用来制作网页的语言，这种语言由一个个的 <br>
标签组成，用这种&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。
</p>

<img src="https://www.baidu.com/1.png" alt="图片加载失败">

<h1>这是一段html h1 标签内部代码</h1>
<h2>这是一段html h2 标签内部代码</h2>
<h3>这是一段html h3 标签内部代码</h3>
<h4>这是一段html h4 标签内部代码</h4>
<h5>这是一段html h5 标签内部代码</h5>
<h6>这是一段html h6 标签内部代码</h6>

</body>
</html>
